/* 暗黑模式 */
.dark-mode {
  /* 颜色 */
  --app-bg-color: #141414;
  --app-card-bg: rgba(30, 30, 30, 0.8);
  --app-border-color: #363637;
  --app-text-primary: #9ba5b5;
  --app-text-regular: #cfd3dc;
  --app-text-secondary: #a3a6ad;

  /* 阴影 */
  --app-shadow-light: 0 4px 12px rgba(0, 0, 0, 0.2);
  --app-shadow-regular: 0 8px 16px rgba(0, 0, 0, 0.3);
  --app-fill-light: rgba(45, 50, 58, 0.6);
  --app-fill-regular: rgba(45, 50, 58, 0.8);

  /* 渐变 */
  --app-gradient-card: linear-gradient(145deg, rgba(40, 40, 40, 0.8), rgba(30, 30, 30, 0.7));
}

/* 组件暗色模式覆盖 */

.dark-mode .analysis-btn:hover {
  background: linear-gradient(135deg, #66b1ff, #409eff);
  box-shadow: 0 6px 20px rgba(64, 158, 255, 0.3);
}

/* 上传组件 */
.dark-mode :deep(.el-upload-dragger) {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode :deep(.el-upload-dragger:hover) {
  background: rgba(255, 255, 255, 0.08);
  border-color: #409eff;
}
